<script setup lang="ts">
const defaultForm={date:'',order:'',type:'',program:''};
const form=reactive({...defaultForm});
</script>

<template>
  <div>
<AuthenText>
  <pre>
不可提现资金说明：
1、不可提现资金到期后会自动解除限制，期间内可用于账户消费使用。
2、账户在消费使用时会解除相应的不可提现资金。
  </pre>
</AuthenText>
    <div class="mt-4">
      <el-form>
        <el-form-item>
          <div class="grid grid-cols-5 gap-2">
            <el-date-picker type="date" v-model="form.date" placeholder="请输入你要查询的时间"></el-date-picker>
            <el-input placeholder="订单号"></el-input>
            <el-button type="primary" class="w-1/2">搜索</el-button>
          </div>

        </el-form-item>
      </el-form>
    </div>
    <el-card class="flex-1">
      <el-table
          :data="[{ date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄' }, { date: '2016-05-04', name: '王小虎', address: '上海市普陀区金沙江路 1517 弄' }]"
          style="width: 100%">
        <el-table-column
            prop="date"
            label="订单号"
            >
          <template #defalut="scope">
            <div>郓城县红硕计算机软件开发中心</div>
            <div><span class="text-xl font-bold">法人：</span>刘金宝</div>
          </template>
        </el-table-column>
        <el-table-column
            prop="name"
            label="发生说明"
            width="180" sortable>
        </el-table-column>
        <el-table-column
            prop="address"
            label="发生金额" sortable>
        </el-table-column>
        <el-table-column
            prop="address"
            label="已解金额">
          <template #defalut="scope">
            <div class="text-[var(--el-color-primary)]">认证通过 <span>未绑定</span></div>
          </template>
        </el-table-column>
        <el-table-column
            prop="address"
            label="发生时间" >
        </el-table-column>
        <el-table-column
            prop="address"
            label="解锁时间">
          <template #defalut="scope">
            <div class="text-[var(--el-color-primary)]"><el-button>申请退回</el-button></div>
          </template>
        </el-table-column>
       </el-table>
      <MyPage v-model:page="form.page" v-model:perpage="form.perpage" v-model:total="form.total"></MyPage>
    </el-card>
  </div>

</template>

<style scoped lang="scss">
.border-right{
  &:last-child{
    border-right: none;
  }
  padding-left: 20px;
  border-right: 1px solid var(--el-border-color);
}
</style>